<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>椅子数计算器</title>
	<link rel="stylesheet" type="text/css" href="./styles/yz.css">
</head>
<body>
	
	<div id="app" class="yz_body">
		<div class="yz_app" v-cloak>
			<div class="yz_result" :style="{fontSize:fontSize}">
				{{result}}
			</div>
			<div class="yz_option">
				<div class="row">
					<div class="col-xs-3"><span class="button button-3d button-numberbg button-rounded button-small" @click.stop.prevent="option(1)">1</span></div>
					<div class="col-xs-3"><span class="button button-3d button-numberbg button-rounded button-small" @click.stop.prevent="option(2)">2</span></div>
					<div class="col-xs-3"><span class="button button-3d button-numberbg button-rounded button-small" @click.stop.prevent="option(3)">3</span></div>
					<div class="col-xs-3"><span class="button button-3d button-multiplybg button-rounded button-small" style="padding: 0 24px;" @click.stop.prevent="xoption('01')">×101</span></div>
				</div>
				<div class="row">
					<div class="col-xs-3"><span class="button button-3d button-numberbg button-rounded button-small" @click.stop.prevent="option(4)">4</span></div>
					<div class="col-xs-3"><span class="button button-3d button-numberbg button-rounded button-small" @click.stop.prevent="option(5)">5</span></div>
					<div class="col-xs-3"><span class="button button-3d button-numberbg button-rounded button-small" @click.stop.prevent="option(6)">6</span></div>
					<div class="col-xs-3"><span class="button button-3d button-multiplybg button-rounded button-small" style="padding: 0 20px;" @click.stop.prevent="xoption('001')">×1001</span></div>
				</div>
				<div class="row">
					<div class="col-xs-3"><span class="button button-3d button-numberbg button-rounded button-small" @click.stop.prevent="option(7)">7</span></div>
					<div class="col-xs-3"><span class="button button-3d button-numberbg button-rounded button-small" @click.stop.prevent="option(8)">8</span></div>
					<div class="col-xs-3"><span class="button button-3d button-numberbg button-rounded button-small" @click.stop.prevent="option(9)">9</span></div>
					<div class="col-xs-3"><span class="button button-3d button-multiplybg button-rounded button-small" style="padding: 0 16px;" @click.stop.prevent="xoption('0001')">×10001</span></div>
				</div>
				<div class="row">
					<div class="col-xs-9"><span class="button button-3d button-numberbg button-rounded button-small" style="width: 95.5%;" @click.stop.prevent="option(0)">0</span></div>
					<div class="col-xs-3"><span class="button button-3d button-action button-rounded button-small" style="width: 100%;" @click.stop.prevent="eq">＝</span></div>
				</div>
			</div>
		</div>
	</div>

	<script type="text/javascript" src="./scripts/vue.min.js"></script>
	<script type="text/javascript" src="./scripts/yz.js"></script>
</body>
</html>